<!DOCTYPE html>
<html>
    <head>
  
         <%@ include file="includeAndamios.jsp" %>
  <%@ include file="include_grid.jsp" %>  
       

    </head>
    <body>
           
                <div class="menuColumn">
                    <!-- Menu -->
                    <script>
                                            
                                            $(function() {
                                                $( "#AccordionMenu" ).accordion({
                                                	 autoHeight: false, collapsible: true, active: false,
                                                	    activate:function(event, ui )
                                                	    {
                                                	        if ($(ui.newPanel).find('.highlight').length>0 && $("#jump-box").prop('checked') == true)
                                                	            $('html, body').animate(
                                                	            {
                                                	                scrollTop: $(ui.newPanel).find('.highlight').offset().top
                                                	            }
                                                	            , 2000);
                                                	    }
                                                });
                                            });
                                           
                                        </script>
                    <div id="AccordionMenu"  >
                        
                            
                             <c:set var="bandera" value=''/>	
   
						     <c:forEach var="var" items='${list_menu_dto}'>
						     
						        
						          <c:if test="${var.idPadre==0}">						                
						               <h3 class="accordionTab"><span><c:out value="${var.nombreRecurso}"/></span> </h3>
						               <c:set var="bandera" value='${var.idRecurso}'/>	
						          </c:if>  
						         
						          
						           <div class="accordionSection">
						                  
							                <c:if test="${var.idPadre==bandera}">
							                 
							                   <c:if test="${var.idPadre!=0}">	
							                      <li><a href="#"><c:out value="${var.nombreRecurso}"/></a></li>  
											   </c:if>
											  
										     </c:if>
										       
									</div>
				 				
     						</c:forEach>
                            
                        
                    </div>

                    <!-- Menu End -->
                    <!-- Connect list -->
                    <!-- Connect list End -->
                </div>
            

 <script>
  $(function() {
    $( document ).tooltip({
      position: {
        my: "center bottom-20",
        at: "center top",
        using: function( position, feedback ) {
          $( this ).css( position );
          $( "<div>" )
            .addClass( "arrow" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
      }
    });
  });
  
  
  </script>

 
 
    </body>
</html>
